

<!DOCTYPE html>
<html lang="id"><head>
<meta charset="utf-8">
<title>Emoticon</title>
<style type="text/css">
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
body{background:white;color:#333;}
.emoWrap {
  position:relative;
  padding:10px;
  margin-bottom:7px;
  background:#fff;
  font:normal 12px Arial;
  color:#333;
}
img.emo, input.emoKey {
  display:inline-block; /* Penting! */
  *display:inline;
  vertical-align:middle;
}

input.emoKey {
  border:1px solid #ccc;
  background-color:white;
  font:bold 11px Arial,Sans-Serif;
  padding:1px 2px;
  margin:0px 0px 0px 2px;
  color:rgb(34, 34, 34);
}
</style>
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"#mdf-blog",
topText:"Klik untuk melihat code!",
emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."
})
});
</script>
<script type="text/javascript">
window.emoticonx = (function () {
    var b = function (m) {
        var j = m || {}, l = j.emoRange || "#comments p, div.emoWrap",
            k = j.putEmoAbove || "#mdf-blog",
            h = j.topText || "Klik untuk melihat kode!",
            a = j.emoMessage || "Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon.";
        $(k).before('<div style="text-align:center" class="emoWrap"> :) :( =( :waaa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :yaya: :&#39;( T_T :&#92; :p B) :Q :Ozz 7:( &#92;o/ &#92;m/ **p &lt;3 0:) ^o^ :-a 7:O *fck* xV x@ X@ ~x( &lt;:) &lt;=) (-.-,) *=p =p* &#39;&#39;J :W :bye: :imhere: :cendol: :rolled: *bang* :drummer: :guitarist: :vocalist: <br/><b>' + h + "</b><br/>" + a + "</div>");
        var i = function (c, d, e) {
            $(l).each(function () {
                $(this).html($(this).html().replace(/<br>:/g, "<br> :").replace(/<br>;/g, "<br> ;").replace(/<br>=/g, "<br> =").replace(/<br>\^/g, "<br> ^").replace(c, " <img style='max-height:24px' src='" + d + "' class='emo delayLoad' alt='" + e + "' />"))
            })
        };
        i(/\s:\)+/g, "http://1.bp.blogspot.com/-2Z7Cwe04x-Q/UH9THzWWJII/AAAAAAAACtA/ChwawyzYsDI/s1600/smile1.gif", ":)");
	i(/\s;\)+/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/wink.gif", ";)");
	i(/\s:\(/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/sad.gif", ":(");
	i(/\s=\(/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/sadanimated.gif", "=(");
	i(/\s@@,/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/rolleyes.gif", "@@,");
	i(/\s:yaya:/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/yaya.gif", ":yaya:");
	i(/\s:s/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/sullen.gif", ":s");
	i(/\s:\\/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/memble.gif", ":&#92;");
	i(/\s:D/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/haha.gif", ":D");
	i(/\s=D/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/hihi.gif", "=D");
	i(/\s\^:D/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/abovemehaha.gif", "^:D");
	i(/\s\^(\_|)\^/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/senyum-tulus.gif", "^_^");
	i(/\s:'\(/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/cry.gif", ":&#39;(");
	i(/\s:waaa:/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/wawa.gif", ":waaa:");
	i(/\sT_T/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/tears.gif", "T_T");
	i(/\sB\)/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/cool.gif", "B)");
	i(/\s:Q/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/smoking.gif", ":Q");
	i(/\s\*\*p/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/crazy.gif", "**p");
	i(/\s7:\(/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/conf.gif", "7:(");
	i(/\s:p/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/wee.gif", ":p");
	i(/\s:Oz+/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/sleep.gif", ":Ozz");
	i(/\s7:O/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/angry.gif", "7:O");
	i(/\s\\o\//ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/applause.gif", "&#92;o/");
	i(/\s\\m\//ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/metal.gif", "&#92;m/");
	i(/\s&lt;3/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/love.gif", "&amp;amp;lt;3");
	i(/\s0:\)+/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/angelgreen.gif", "0:)");
	i(/\s\^o\^/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/angelwhite.gif", "^o^");
	i(/\s:-a/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/vomit.gif", ":-a");
	i(/\s\*fck\*/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/fuck.gif", "*fck*");
	i(/\sxV/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/demo.gif", "xV");
	i(/\sx\@/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/marahbesar.gif", "x@");
	i(/\s\X\@/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/arrgh.gif", "X@");
	i(/\s:-d/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/top.gif", ":-d");
	i(/\s:-bd/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/topmarkotop.gif", ":-bd");
	i(/\s\~x\(+/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/ugh.gif", "~x(");
	i(/\s:bye:/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/bye.gif", ":bye:");
	i(/\s:W/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/explain.gif", ":W");
	i(/\s\(-\.-,\)/g, "http://reader-download.googlecode.com/svn/trunk/images/emo/pumpkin.gif", "(-.-,)");
	i(/\s\*=p/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/ball1.gif", "*=p");
	i(/\s=p\*/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/ball2.gif", "=p*");
	i(/\s:imhere:/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/imhere.gif", ":imhere:");
	i(/\s:cendol:/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/cendol.gif", ":cendol:");
	i(/\s&lt;:\)/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/festival1.gif", "&amp;amp;lt;:)");
	i(/\s&lt;=\)/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/festival2.gif", "&amp;amp;lt;=)");
	i(/\s:rolled:/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/rolled.gif", ":rolled:");
	i(/\s\*bang\*/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/bang.gif", "*bang*");
	i(/\s\'\'J/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/call.gif", "&#39;&#39;J");
	i(/\s:drummer:/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/drummer.gif", ":drummer:");
	i(/\s:guitarist:/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/guitarist.gif", ":guitarist:");
	i(/\s:vocalist:/ig, "http://reader-download.googlecode.com/svn/trunk/images/emo/vocalist.gif", ":vocalist:");
        $("div.emoWrap").one("click", function () {
            if (a) {
                alert(a)
            }
        });
        $(".emo").css("cursor", "pointer").live("click", function (c) {
            $(".emoKey").remove();
            $(this).after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />');
            $(".emoKey").trigger("select");
            c.stopPropagation()
        });
        $(".emoKey").live("click", function () {
            $(this).focus().select()
        })
		$(document).on("click", function () {
            $(".emoKey").remove()
        });
    };
    return function (a) {
        b(a)
    }
})();
</script>
<div id="mdf-blog"/>

</body></html>